$(function () {
  let fullID;
  //   1.获取所有的文章
  getArticleCategory();
  function getArticleCategory() {
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/list",
      headers: { Authorization: localStorage.getItem("token") },
      dataType: "json",
      success: function (res) {
        if ((res.code = 200)) {
          const list = res.data;
          const html = template("articleTemp", { list });
          $(".category_table tbody").html(html);
        } else {
          console.log("失败");
          console.log(res);
        }
      },
    });
  }
  // 2.点击保存新增文章
  $("#myModal .btn_opt").on("click", function () {
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/add",
      type: "post",
      headers: { Authorization: localStorage.getItem("token") },
      data: $("#addform").serialize(),
      success: function (res) {
        if (res.code === 200) {
          // 重新渲染数据
          getArticleCategory();
          // 隐藏模态框
          $("#myModal").modal("hide");
        } else {
          console.log("失败");
          console.log(res);
        }
      },
    });
  });
  // 3.点击编辑打开模态框
  $(".category_table").on("click", ".edit ", function () {
    //   获取ID渲染其中的数据
    const id = $(this).parents("tr").data("value");
    fullID = id;
    console.log(id);
    //   点开模态框
    $("#editModal").modal("show");
    // 填充数据
    $("#name").val(id.name);
    $("#slug").val(id.slug);
  });

  // 4.点击保存编辑文章
  $("#editModal .btn_opt").on("click", function () {
    //    获取数据的数据
    let name = $("#name").val();
    let slug = $("#slug").val();
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/edit",
      type: "post",
      headers: { Authorization: localStorage.getItem("token") },
      data: { name, slug, id: fullID.id },
      success: function (res) {
        if (res.code === 200) {
          // 重新渲染数据
          getArticleCategory();
          //   隐藏模态框
          $("#editModal").modal("hide");
        } else {
          console.log("失败");
          console.log(res);
        }
      },
    });
  });
  // 5.点击删除文章
  $(".category_table").on("click", ".delete", function () {
    let id = $(this).parents("tr").data("value").id;
    layer.confirm("请问是否需要删除？", function (index) {
      $.ajax({
        url: "http://localhost:8080/api/v1/admin/category/delete",
        type: "post",
        data: { id },
        headers: { Authorization: localStorage.getItem("token") },
        success: function (del) {
          if (del.code === 200) {
            // 重新渲染数据
            getArticleCategory();
            //   隐藏窗口
            layer.close(index);
          } else {
            console.log("失败");
            console.log(res);
          }
        },
      });
    });
  });
});
